<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
      <style>
          html,
          body{
              height:100%;
              background-color: #f0f0f0;
          }

          .userinfo{
              background-color: #6AB494;;
              height: 20%;
          }
          .h20 {
              height: 20px;
              background: #f0f0f0;
          }
          .h1 {
              height: 1px;
              margin-left: 15px;
              background: #f0f0f0;
          }
          .userimage #userAvatar{
              position: absolute;
              margin-top: 0px;
              width: 64px;
              height: 64px;
              left: 40px;
          }
          .username{
              position: absolute;
              margin-top:20px;
              left:120px;
              color:#fff;
              font-size: 18px;
              font-weight: bold;
          }
          .userinfo .person_arrow{

              position: absolute;
              height: 30px;
              right: 41px;
              margin-top: 18px;
          }
          .item {
              height: 50px;
              line-height: 50px;
              padding-left: 15px;
              background-color: #fff;
          }

          .item_ico {
              float: left;
              width: 30px;
              padding: 10px 10px 10px 0;
          }

          .item_arrow {
              float: right;
              width: 16px;
              padding: 17px 15px 15px 0;
          }
          .btn {

              margin: 3px 10px;
              background: #009A98;
              height: 40px;
              line-height: 40px;
              text-align: center;
              font-size: 20px;
              margin-top: 50px;
              border-radius: 5px;
              color: #fff;
          }

          .highlight {
              opacity: 0.7;
          }
          .item-hov {
              background-color: #E8E8E8;
          }
      </style>
  </head>
  <body>

      <div class="userinfo open-win" win="userinfo">
          <div class="userimage">
              <img id="userAvatar" src="../image/my/profile_default.png" class="personal_logo">
          </div>
          <div class="username">你好</div>
          <image src="../image/my/personal_icon_arrow.png" class="person_arrow">
      </div>
      <div class="h20"></div>
      <div class="item open-win" win="complain">
          <image src="../image/complain.png" class="item_ico">
          <span>代办申诉</span>
          <image src="../image/arrow.png" class="item_arrow">
      </div>

      <div class="h1"></div>
      <div class="item open-win" win="activity">
          <image src="../image/complain.png" class="item_ico">
          <span>发布活动通知</span>
          <image src="../image/arrow.png" class="item_arrow">
      </div>
      <div class="h1"></div>
      <div class="item open-win" win="help">
          <image src="../image/complain.png" class="item_ico">
          <span>帮助反馈</span>
          <image src="../image/arrow.png" class="item_arrow">
      </div>
      <div class="h20"></div>
      <div class="item open-win" win="setting">
          <image src="../image/my/my_setting_user_icon_normal.png" class="item_ico">
          <span>设置</span>
          <image src="../image/arrow.png" class="item_arrow">
      </div>


  </body>

  </html>
  <script type="text/javascript" src="../script/api.js"></script>
  <script type="text/javascript" src="../script/common.js"></script>
  <script type="text/javascript">
  apiready = function() {
    fnReadyOpenWin();
    fnReady()
      api.setRefreshHeaderInfo({
          visible: true,
          bgColor: 'rgba(106,180,148,1)',
          textColor: '#666',
          textDown: '下拉刷新',
          textUp: '释放刷新'
      }, function(ret, err) {
          loadData();
      });
      api.addEventListener({
          name: 'scrolltobottom'
      }, function(ret, err) {});
  }

  function loadData() {
      api.refreshHeaderLoadDone();
      api.parseTapmode();
  }



  </script>
